<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>效用实验记录</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../../../plugins/layui/css/layui.css" media="all" />
</head>

<body>
<div style="margin: 15px;">

    <div class="layui-tab layui-tab-brief" >
        <ul class="layui-tab-title">
            <li class="layui-this">船体</li>
            <li>轮机</li>
            <li>电气</li>
        </ul>
        <div class="layui-tab-content" style="height: auto">
            <div class="layui-tab-item layui-show">
                <object style="border:0px;" type="text/x-scriptlet" id="ct" width="100%" height="605px"></object>
            </div>
            <div class="layui-tab-item">
                <object style="border:0px;" type="text/x-scriptlet" id="lj" width="100%" height="605px"></object>
            </div>
            <div class="layui-tab-item">
                <object style="border:0px;" type="text/x-scriptlet" id="dq" width="100%" height="605px"></object>
            </div>
        </div>
    </div>


</div>
<script type="text/javascript" src="../../../plugins/layui/layui.js"></script>
<script type="text/javascript" src="../../../js/contextPath.js"></script>
<script>
    layui.define(['element','layer'], function(){
        var $ = layui.jquery,
            layer = layui.layer,
            element = layui.element(); //Tab的切换功能，切换事件监听等，需要依赖element模块

        var rgstnum = getQueryString("rgstnum");

        $('#ct').attr("data","OperaCtRecord.html?rgstnum="+rgstnum);
        $('#lj').attr("data","OperaLjRecord.html?rgstnum="+rgstnum);
        $('#dq').attr("data","OperaDqRecord.html?rgstnum="+rgstnum);

        //触发事件
        var active = {
            tabAdd: function() {
                //新增一个Tab项
                element.tabAdd('demo', {
                    title: '新选项' + (Math.random() * 1000 | 0) //用于演示
                    ,
                    content: '内容' + (Math.random() * 1000 | 0)
                })
            },
            tabDelete: function() {
                //删除指定Tab项
                element.tabDelete('demo', 2); //删除第3项（注意序号是从0开始计算）
            },
            tabChange: function() {
                //切换到指定Tab项
                element.tabChange('demo', 1); //切换到第2项（注意序号是从0开始计算）
            }
        };

        $('.site-demo-active').on('click', function() {
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });
    });
</script>

</body>

</html>